<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf"
    xmlns:h="http://java.sun.com/jsf/html">
    
    
    <body>
    
    <ui:composition template="/ressources/template/template_public.xhtml">
 
        
            <ui:param name="page" value="menu_public_suscribe" />
        
            <ui:define name="body">
            
                <h1> 
                    <h:outputText value = "Inscription"></h:outputText>
                </h1>
                <p><em><h:outputText value ="Etat Civil et informations personnelles"></h:outputText></em></p>
            
                <p>
                   L'inscription est une chose imporatnte ... Elle vous offre de nombreux avantages pour investir
                </p>
                <div class = "cboxInfo">
                	<h:form id = "joinForm">
                		<h:messages style = "color : green" layout="table"></h:messages>
                		<h:panelGrid rowClasses= "cntFrom" columns="2">
                			
                			<h:outputText value ="Prenom:"></h:outputText>
                			<h:panelGroup>
                				<h:inputText id = "prenom" value = "#{joinUser.user.prenom}" title = "prenom" required = "true"></h:inputText>
                				<h:message for = "prenom" styleClass = "cntError"></h:message>
                			</h:panelGroup>
                			
                			<h:outputText value="nom:"></h:outputText>
                			<h:panelGroup>
                			<h:inputText id = "nom" value = "#{joinUser.user.nom}" title = "nom" required = "true"></h:inputText>
                			<h:message for = "nom" styleClass= "cntError"></h:message>
                			</h:panelGroup>
                			
                			<h:outputText value= "Email(login):"></h:outputText>
                			<h:panelGroup>
                			 <h:inputText id = "email" value = "#{joinUser.user.email}" title ="email" required = "true"></h:inputText>
                			 <h:message for ="email" styleClass= "cntError"></h:message>
                			</h:panelGroup>
                			
                			
                			<h:outputText value = "Mot de passe:"></h:outputText>
                			<h:outputText value = "Le mot de passe est auto genere"></h:outputText>
                			 
                			<h:outputText value= "telephone:"></h:outputText>
                			<h:panelGroup>
                			<h:inputText id = "telephone" value = "#{joinUser.user.telephone}" title ="telephone" required = "true"></h:inputText>
                			<h:message for ="telephone" styleClass= "cntError"></h:message>
                			</h:panelGroup>
                			
                			<h:outputText value= "fax:"></h:outputText>
                		    <h:panelGroup>
                			<h:inputText id = "fax" value = "#{joinUser.user.fax}" title ="fax" required = "true"></h:inputText>
                			<h:message for ="fax" styleClass= "cntError"></h:message>
                			</h:panelGroup>
                			
                		<h:commandButton action="#{joinUser.join}" value = "S'inscrire" />
                		</h:panelGrid>
                		
                		
                	</h:form>
                
                </div>
                
            </ui:define>
        </ui:composition> 
    </body> 
</html>
